<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业站</title>
    <!-- 引入重置样式表 normalize.css -->
    <link rel="stylesheet" href="css/normalize.css">
    <!-- 引入首页样式表 index.css -->
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 头部 logo和搜索 -->
    <div class="container" id="head">
        <a href="#"><img src="images/logo.jpg" alt=""></a>
        <form action="#">
            <input type="text" placeholder="&emsp;SEARCH..."><button><img src="images/magnify.jpg" alt=""></button>
        </form>
    </div>
    <!-- 导航栏 -->
    <div id="nav">
        <div class="container">
            <ul>
                <li class="first"><a href="#">集团介绍</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">市场市场</a></li>
                <li><a href="#">技术研发</a></li>
                <li><a href="#">国际合作</a></li>
                <li><a href="#">投资者关系</a></li>
                <li><a href="#">新闻资讯</a></li>
                <li class="last"><a href="#">人力资源</a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播 -->
    <div id="banner">
        <a href="#"><img src="images/banner.jpg" alt=""></a>
    </div>
    <!-- 公司新闻 公司介绍 人才招聘 -->
    <div id="newsIntroduceHiring" class="container">
        <div class="news">
            <h1>公司新闻</h1>
            <ul>
                <li><a href="#">陈建成董事长出席ATB集团召开年度销售大会<span>2019-7-31</span></a></li>
                <li><a href="#">中国电器工业协会分马力电机分会在卧龙召开理事长...<span>2019-7-31</span></a></li>
                <li><a href="#">陈建成董事长访问中国驻德大使馆<span>2019-7-31</span></a></li>
                <li><a href="#">企业文化是企业持续经营的关键要素<span>2019-7-31</span></a></li>
                <li><a href="#">陈建成监事长在ATB集团2013年销售会议上发表重要...<span>2019-7-31</span></a></li>
                <li><a href="#">喜迎七一唱响唱响年轻力量激发企业持久活力唱响举..<span>2019-7-31</span></a></li>
            </ul>
        </div>
        <div class="introduce">
            <h1>公司介绍</h1>
            <p class="p1">公司成立于1984年,</p>
            <p class="p1">经过近30年的发展</p>
            <p class="p2 top">已成为电气制造，房地产开发和金融</p>
            <p class="p2">投资三业并举的综合性跨国...</p>
        </div>
        <div class="hiring">
            <h1>人才招聘</h1>
            <p>培养一流的人才，铸造一流的工程</p>
            <p>实现员工与企业的共同发展</p>
            <button type="button">MORE-></button>
            <a href="#">
                <img src="images/horse.jpg" alt="">
            </a>
        </div>
    </div>
    <!-- 市场项目 -->
    <div class="container" id="marketProject">
        <div class="top">
            <h3>市场项目</h3>
        </div>
        <div class="bottom">
            <div class="pic">
                <a href="#"><img src="images/project1.jpg" alt=""></a>
                <p>交通轨道:由于主要采用电气牵引,而且轮轨摩擦阻力较小,与公共…</p>
            </div>
            <div class="pic">
                <a href="#"><img src="images/project2.jpg" alt=""></a>
                <p>节能环保:由于不断上涨的能源消耗和我们的专业知识,维护可持续…</p>
            </div>
            <div class="pic">
                <a href="#"><img src="images/project3.jpg" alt=""></a>
                <p>航空与船舰:如果你是在公海行驶,你需要确保你的船只的电力系统..</p>
            </div>
            <div class="pic last">
                <a href="#"><img src="images/project4.jpg" alt=""></a>
                <p>石油、天然气及采矿:在市场中的安全性,可靠性,效率和最短的停机.</p>
            </div>
        </div>
    </div>
    <!-- 产品中心 技术研发 营销网络 -->
    <div id="productTechnologyMarketing">
        <div class="container">
            <div class="product">
                <h3>产品中心</h3>
                <ul>
                    <li><a href="#">汽车电机</a></li>
                    <li><a href="#">日用电机</a></li>
                    <li><a href="#">特种电机</a></li>
                    <li><a href="#">大功率电机</a></li>
                    <li><a href="#">电工设备</a></li>
                </ul>
                <ul>
                    <li><a href="#">业驱动和自动化</a>工</li>
                    <li><a href="#">高压变频和系统集成</a></li>
                    <li><a href="#">混泥土搅拌机</a></li>
                    <li><a href="#">电动车辆</a></li>
                </ul>
                <ul>
                    <li><a href="#">电池电源</a></li>
                    <li><a href="#">输变电设备</a></li>
                    <li><a href="#">楼盘信息</a></li>
                    <li><a href="#">金融产品</a></li>
                </ul>
            </div>
            <div class="technology">
                <h3>技术研发</h3>
                <ul>
                    <li><a href="#">科技力量</a></li>
                    <li><a href="#">先进设备</a></li>
                    <li><a href="#">研发创新</a></li>
                    <li><a href="#">工艺流程</a></li>
                </ul>
            </div>
            <div class="marketing">
                <h3>营销网络</h3>
                <a href="#"><img src="images/map.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div class="container" id="footer">
        <div class="left">
            <a href="#">网站地图&nbsp;|</a>
            <a href="#">联系我们&nbsp;|</a>
            <a href="#">关注关注&nbsp;|</a>
            <a href="#">采购系统入口</a>
        </div>
        <div class="right">
            <p>COPYRIGHT &copy; 2013控股控股集团 版权所有 浙ICP备06005901号 技术支持:博采互动 &emsp;分享到:
                <a href="#"><img src="images/share1.jpg" alt=""></a>
                <a href="#"><img src="images/share2.jpg" alt=""></a>
                <a href="#"><img src="images/share3.jpg" alt=""></a>
                <a href="#"><img src="images/share4.jpg" alt=""></a>
                <a href="#"><img src="images/share5.jpg" alt=""></a>
            </p>
        </div>
    </div>
</body>
</html>